<form id="roleForm" lay-filter="roleForm" class="layui-form model-form">
  <input name="id" type="hidden" value="{$sysrole.id}"/>
  <div class="layui-form-item">
    <label class="layui-form-label">角色名称<span style="color: red;">*</span></label>
    <div class="layui-input-block">
      <input name="title" placeholder="请输入角色名称" value="{$sysrole.title}" type="text" class="layui-input" lay-verify="required" required/>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">备注<span style="color: red;">*</span></label>
    <div class="layui-input-block">
      <input name="remark" placeholder="请输入别名" value="{$sysrole.remark}" type="text" class="layui-input" lay-verify="required" required autocomplete="off"/>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">权限</label>
    <div class="layui-input-block">
      <ul id="parentIdTree" class="dtree" data-id="0"></ul>
    </div>
  </div>
</form>
<script>
    var dtree = layui.dtree;
    var form = layui.form;
    var CommonTreet = dtree.render({
        elem: "#parentIdTree",
        width: "100%", // 可以在这里指定树的宽度来填满div
        url: '{:url("/admin/widget/widgetMenu")}',
        response: {
            statusName: "code", //返回标识（必填）
            statusCode: 200, //返回码（必填）
            message: "message", //返回信息（必填）
            rootName: "data", //根节点名称（必填）
            treeId: "id", //节点ID（必填）
            parentId: "parentId", //父节点ID（必填）
            title: "name", //节点名称（必填）
            ficonClass: "ficonClass", //自定义一级图标class（v2.5.4版本新增）（非必填）
            iconClass: "iconClass", //自定义二级图标class（非必填）
            childName: "children", //子节点名称（默认数据格式必填）
            last: "last", //是否最后一级节点（true：是，false：否，布尔值，非必填）
            level: "level", //层级（v2.4.5_finally_beta版本之后，该属性移除）
            spread: "spread", //节点展开状态（v2.4.5_finally_beta版本新增。true：展开，false：不展开，布尔值，非必填）
            disabled: "disabled", //节点禁用状态（v2.5.0版本新增。true：禁用，false：不禁用，布尔值，非必填）
            hide: "hide", //节点隐藏状态（v2.5.0版本新增。true：隐藏，false：不隐藏，布尔值，非必填）
            checkArr: "checkArr", //复选框列表（开启复选框必填，默认是json数组。）
            checked: "checked", //是否选中（开启复选框，0-未选中，1-选中，2-半选。非必填）
            type: "type", //复选框标记（开启复选框，从0开始。非必填）
            basicData: "basicData" //表示用户自定义需要存储在树节点中的数据（非必填）
        }, // 这里指定了返回的数据格式，组件会根据这些值来替换返回JSON中的指定格式，从而读取信息
        checkbar: true,
        checkbarType: "self", // 默认就是all，其他的值为： no-all  p-casc   self  only
        formatter: {
            title: function (data) {  // 示例给有子集的节点返回节点统计
                var s = data.title + "(" + data.name + ")";
                return s;
            },
            checkArr: function (data) {  // 示例给有子集的节点返回节点统计
                var s = data.name;
                return "0";
            },
        },
        done: function () {
            var userMenuList = '{$userMenuList|raw}';
            userMenuList = JSON.parse(userMenuList);
            var ids = [];
            $.each(userMenuList, function (index, item) {
                console.log(item);
                ids.push(item.id);
            });
            //dtree.dataInit("parentIdTree",ids.join(','));
            var params = dtree.chooseDataInit("parentIdTree", ids.join(','));
            //dtree.setSelectValue("parentIdTree"); // 也可以在这里指定，第二个参数如果不填，则会自动读取
        }
    });
    form.render();
</script>
